import './index.scss';
import { Card, Form, Button, Input } from 'antd';

const OpsDeliveryTask: React.FC = () => {
    const [form] = Form.useForm();
    const onCheck1 = () => {};
    return (
        <div className="opsToolsCard">
            <Card
                title="更新商品信息"
                bordered={false}
                style={{ width: 500 }}
                headStyle={{ backgroundColor: '#1890FF' }}
                bodyStyle={{ backgroundColor: 'gray' }}
            >
                <Form
                    labelCol={{ span: 4 }}
                    wrapperCol={{ span: 14 }}
                    layout="horizontal"
                    form={form}
                >
                    <Form.Item label="商品链接：" name={'productLink'}>
                        <Input placeholder="请输入商品链接" />
                    </Form.Item>
                    <Form.Item labelCol={{ span: 4 }} wrapperCol={{ span: 14 }}>
                        <Button
                            type="primary"
                            style={{ width: '80%', marginLeft: 90 }}
                            onClick={onCheck1}
                        >
                            更新
                        </Button>
                    </Form.Item>
                </Form>
            </Card>
        </div>
    );
};

export default OpsDeliveryTask;
